<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator" prefix="decorator" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<html>
<head>
    <title>
        欢迎来到成都买
        <decorator:title/>
        网,成都人自己的买
        <decorator:title/>
        网
    </title>
    <meta name="Description"
          content="网上买菜就到成都买菜网，成都人自己的买菜网,及时送货上门！这里有来自蔬菜的基地的优质蔬菜，让您足不出户，即可在家享受美味烹调！"/>
    <meta name="Keywords"
          content="买菜网,成都人自己的买菜网,蔬菜价格，蔬菜网，网上蔬菜篮子，无公害蔬菜，绿色蔬菜，有机蔬菜，蔬菜配送，网上购菜，电话购菜，健康食品，健康食谱"/>
    <link type="text/css" href="/css/decorators.css" rel="stylesheet"/>
    <decorator:head/>
    <script type="text/javascript">
        function searchProduct() {
            var search = $("#search").val();
            var selectProductType = $("#selectProductType").val();
            location.href = "/product/" + selectProductType + ".html?search=" + search;
        }
    </script>
</head>
<body>
<div style="text-align:center;">
    <div style="width:1000px;height:1000px;margin:auto;text-align:center;">
        <div style="text-align:right;margin-bottom:5px;"><a href="#"><img src="/images/che.gif" alt=""/>购物车</a>&nbsp;<a
                href="#"><img src="/images/money.gif" alt=""/>去结帐</a></div>
        <div style="background-image:url(/images/center_tile_green.gif);">
            <table cellpadding=0 cellspacing=0 style="width:100%;">
                <tr>
                    <td>
                        <div style="font-size:1px;width:6px;height:34px;background-image:url(/images/left_cap_green.gif);"></div>
                    </td>
                    <td style="width:100%;">
                        <ul id="qm0" class="qmmc">
                            <li><a class="qmparent" href="/index.html">首页</a></li>
                            <c:forEach items="${productTypes}" var="productType">
                                <li><span class="qmdivider qmdividery"></span></li>
                                <li><a class="qmparent"
                                       href="/product/${productType.guid}.html">${productType.name}</a>
                                </li>
                            </c:forEach>
                            <li><span class="qmdivider qmdividery"></span></li>
                            <li><a class="qmparent" href="javascript:void(0)">留言</a></li>
                            <li><span class="qmdivider qmdividery"></span></li>
                            <li><a class="qmparent" href="javascript:void(0)">帮助</a></li>
                        </ul>
                    </td>
                    <td>
                        <div style="border-width:0px 0px 0px 1px;border-color:#aaaaaa;border-style:solid;font-size:1px;width:8px;height:31px;"></div>
                    </td>
                    <td style="padding:0px 5px 0px 0px;">
                        <div style="width:220px;">
                            <select name="productType" class="menu" id="selectProductType" style="width:50px;">
                                <option value="all">全部</option>
                                <c:forEach items="${productTypes}" var="productType1">
                                    <option value="${productType1.guid}"
                                            <c:if test="${productType.guid==productType1.guid}">selected="selected"
                                            </c:if>
                                            >${productType1.name}</option>
                                </c:forEach>
                            </select>
                            <input type="text" class="menu" id="search" value="">&nbsp;
                            <a href="javascript:void(0)" onclick="searchProduct()">search</a>
                        </div>
                    </td>
                    <td>
                        <div style="font-size:1px;width:6px;height:34px;background-image:url(/images/right_cap_green.gif);"></div>
                    </td>
                </tr>
            </table>
        </div>
        <div style="margin-top:5px;width:1000px;" class="height">
            <div class="height left">
                <div class="title"><a href="#">最新订单</a></div>
                <div style="height:988px;" class="content">
                    <c:forEach step="1" begin="1" end="10">
                        <table border="0" cellpadding="0" cellspacing="0" class="order"
                               onclick="">
                            <tr>
                                <th>昵称:</th>
                                <td>王女士</td>
                            </tr>
                            <tr>
                                <th>总价:</th>
                                <td>100RMB</td>
                            </tr>
                            <tr>
                                <th>地址:</th>
                                <td>成华区建设路2-3</td>
                            </tr>
                            <tr>
                                <th>时间:</th>
                                <td>2011-06-04 12:30</td>
                            </tr>
                        </table>
                    </c:forEach>
                </div>
            </div>
            <decorator:body/>
        </div>
        <div style="margin-top:5px;text-align:center;width:1000px;height:100px;">
            <div><a href="#">关于我们</a> |<a href="#"> 关于订购 </a>| <a href="#">配送说明</a> | <a href="#">支付说明 </a>| <a
                    href="#">售后服务</a></div>
            <div> Copyright © 2011-2012 成都买菜网,成都人自己的买菜网 All Rights Reserved.</div>
            <div> 版权所有 成都买菜网 Tel:13981918121</div>
        </div>
    </div>
</div>
</body>
</html>